<!DOCTYPE html>
<html>
	<style type="text/css">
				body{
			padding-top:10px;
		}
		.all_bg{
			width:800px;
			height:600px;
			margin:0px auto;
		}
		#allcanvas{
			position: relative;
			width:800px;
			height:600px;
			margin:0px;
		}
		#canvas1{
			position: absolute;
			bottom: 0;
			left:0;
			z-index: 1;
		}
		#canvas2{
			position: absolute;
			bottom: 0;
			left:0;
			z-index: 0;
		}
	</style>
	<head>
		<meta charset="UTF-8">
		<title>tinyHeart</title>
		
	</head>
	<!--
    	作者：2538808265@qq.com
    	时间：2018-09-16
    	描述：外部样式表
    -->
	
	<body>
		<div class="all_bg">
			<div id = "allcanvas">
				<canvas id="canvas1" width="800" height="600"></canvas>
				<canvas id="canvas2" width="800" height="600"></canvas>
			</div>
		</div>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/commonFunctions.js"></script>
		<script type="text/javascript" src="js/background.js"></script>
		<script type="text/javascript" src="js/ane.js"></script>
		<script type="text/javascript" src="js/fruit.js"></script>
		<script type="text/javascript" src="js/mom.js"></script>
		<script type="text/javascript" src="js/collision.js"></script>
		<script type="text/javascript" src="js/baby.js"></script>
		<script type="text/javascript" src="js/data.js"></script>
		<script type="text/javascript" src="js/wave.js"></script>
		<script type="text/javascript" src="js/halo.js"></script>
		<script type="text/javascript" src="js/dust.js"></script>
	</body>
</html>
